<template>
  <div class="top" style="position:fixed; width:100%; z-index:1">
    <el-container>
      <el-header>
        <el-row style="height:inherit">
          <el-col :span="3">
            <div>
              <p
                class="el-icon-lollipop"
                style="height:60px; font-size:24px; line-height:60px"
              >某某客户系统</p>
            </div>
          </el-col>
          <el-col :span="21" style="text-align:right; height:inherit">
            <el-badge
              :value="12"
              class="item"
              style="height:60px; line-height:60px; vertical-align:top; margin-top:20px; margin-right:30px"
            >
              <span class="el-icon-message-solid" style="font-size:18px; vertical-align:super"></span>
            </el-badge>
            <el-avatar
              :size="50"
              class="el-icon-user-solid"
              style="font-size:24px; line-height:60px; height:60px; width:60px;"
            ></el-avatar>
          </el-col>
        </el-row>
      </el-header>
    </el-container>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.el-header,
.el-footer {
  background-color: #b3c0d1;
  color: #333;
  text-align: center;
  line-height: 60px;
}
.el-badge .is-fixed {
    padding-top: 10px;
}
</style>